from dash import html
import dash_bootstrap_components as dbc
from server import app

cards_html = html.Div(
    [
        html.Br(),
        html.P(html.Strong('Cards：Bootstrap的卡片提供了具有多种变体和选项的灵活内容容器', style={'color': 'rgb(255, 153, 51)'})),
        html.Br(),
        dbc.Card(
            [
                dbc.CardImg(src=app.get_asset_url('img/1.jpg'), top=True),
                dbc.CardBody(
                    [
                        html.H4('菜品', className='card-title'),
                        html.P('这是一托盘4个菜', className='card-text'),
                        dbc.Button('尝一尝', color='primary'),
                    ]
                ),
            ],
            style={"width": "18rem"},
        )
    ]
)